<?php
error_reporting(0);

require_once "./php/jssdk.php";

$jssdk = new JSSDK("wxf67d22e3040101b9", "c4a8cbbfaaf5f2490e12863bab3c847f");
$signPackage = $jssdk->GetSignPackage($_POST['url']);

?>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=900,user-scalable=no" name="viewport">
	    <meta content="yes" name="apple-mobile-web-app-capable">
	    <meta name="x5-fullscreen" content="true">
		<meta name="full-screen" content="yes">
	    <meta content="black" name="apple-mobile-web-app-status-bar-style">
	    <meta content="telephone=no" name="format-detection">
	    <meta content="portrait" name="x5-orientation">
		<title>平安银行信用卡中心助你开启领创人生</title>
		<link rel="stylesheet" type="text/css" href="http://h5.cdn.gobrand.top/pinganbank/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="http://h5.cdn.gobrand.top/pinganbank/css/style.css"/>
	</head>

	<body>
	
	    <div class="header" id="header">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/logo.png" alt="" class="logo" id="logo">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/play.png" alt="" class="play" id="play">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/stop.png" alt="" class="stop" id="stop">
            <audio id="bgm" class="bgm"  preload="load"  loop="loop">
            	<source src="http://h5.cdn.gobrand.top/pinganbank/media/bgm.aac"/>
            </audio>
			<div class="p2-start" id="p2-start"></div>
	    </div>
	    
	    <div class="title" id="title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p3_title.png" alt="" class="p3-title" id="p3-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p4_title.png" alt="" class="p4-title" id="p4-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p5_title.png" alt="" class="p5-title" id="p5-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p6_title.png" alt="" class="p6-title" id="p6-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p7_title.png" alt="" class="p7-title" id="p7-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p8_title.png" alt="" class="p8-title" id="p8-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p9_title.png" alt="" class="p9-title" id="p9-title">
            <img src="http://h5.cdn.gobrand.top/pinganbank/img/p10_title.png" alt="" class="p10-title" id="p10-title">
	    </div>
	    
		<section  class="page page-1" id="page-1" style="display: block;">
			<div class="p1-container">
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/p1_video.png" alt="" class="p1-video"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/p1_wheel.png" alt="" class="p1-wheel"/>
				<div class="p1-strip" id="p1-strip"></div>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/p1_loading.png" alt="" class="p1-loading"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/p1_next.png" alt="" class="p1-next" id="p1-next"/>
			</div>
		</section>
		
		<section  class="page page-2" id="page-2">
			<div class="p2-container">
				<canvas id="p2-canvas" width="900" height="1600"></canvas>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/close_left.png" alt="" class="close-left" id="close-left"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/close_right.png" alt="" class="close-right" id="close-right"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/tips_1.png" alt="" class="tips tips-1" id="tips-1"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/tips_2.png" alt="" class="tips tips-2" id="tips-2"/>
			</div>
		</section>
		
		<section class="page page-11" id="page-11">
			<div class="p11-header" id="p11-header">
	            <img src="http://h5.cdn.gobrand.top/pinganbank/img/logo.png" alt="" class="logo" id="logo">
	            <img src="http://h5.cdn.gobrand.top/pinganbank/img/play.png" alt="" class="play" id="play">
	            <img src="http://h5.cdn.gobrand.top/pinganbank/img/stop.png" alt="" class="stop" id="stop">
		    </div>
			<div class="p11-container">
				
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_1.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_1.png" class="p11-con-1"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_2.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_2.png" class="p11-con-2"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_3.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_3.png" class="p11-con-3"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_4.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_4.png" class="p11-con-4"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_5.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_5.png" class="p11-con-5"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				<div class="p11-parent">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_title_6.png" class="p11-title"/>
					<div class="p11-child">
						<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_con_6.png" class="p11-con-6"/>
						<a href="javascript:;"></a>
					</div>
				</div>
				
				<a href="http://campus.51job.com/pinganbank/job.html">
					<img src="http://h5.cdn.gobrand.top/pinganbank/img/p11_submit.png" alt="" class="p11-submit" />
				</a>
				
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/close_left.png" alt="" class="close-left-1" id="close-left-1"/>
				<img src="http://h5.cdn.gobrand.top/pinganbank/img/close_right.png" alt="" class="close-right-1" id="close-right-1"/>
			</div>
		</section>
		
		
		
		<script src="http://h5.cdn.gobrand.top/pinganbank/js/jquery-2.1.0.js"></script>
		<script src="http://h5.cdn.gobrand.top/pinganbank/js/create-js.js"></script>
		<script src="http://h5.cdn.gobrand.top/pinganbank/js/resLoader.js"></script>
		<script src="http://h5.cdn.gobrand.top/pinganbank/js/load.js"></script>
		<script src="http://h5.cdn.gobrand.top/pinganbank/js/build.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script>
		
		    const url = window.location.toString();
		    const wx_title = '平安银行信用卡中心助你开启领创人生';
		    const wx_desc = '平安银行信用卡中心2018届校园招聘现已启动，点击进入网申通道！';
		    const wx_link = 'http://h5.gobrand.top/pinganbank/index.php';
		    const wx_image = 'http://h5.gobrand.top/pinganbank/img/share.jpg';
		    wx.config({
		        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		        appId: '<?=$signPackage["appId"]?>', // 必填，公众号的唯一标识
		        timestamp: <?=$signPackage["timestamp"]?>, // 必填，生成签名的时间戳
		        nonceStr: '<?=$signPackage["nonceStr"]?>', // 必填，生成签名的随机串
		        signature: '<?=$signPackage["signature"]?>', // 必填，签名，见附录1
		        jsApiList: [
		                'onMenuShareTimeline',
		                'onMenuShareAppMessage',
		                'onMenuShareQQ',
		                'onMenuShareWeibo',
		                'onMenuShareQZone',
		            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		    });
		
		    wx.ready(function() {
		        wx.onMenuShareTimeline({
		            title: wx_title, // 分享标题
		            link: wx_link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		            imgUrl: wx_image, // 分享图标
		            success: function() {
		                // 用户确认分享后执行的回调函数
		            },
		            cancel: function() {
		                // 用户取消分享后执行的回调函数
		            }
		        });
		
		        wx.onMenuShareAppMessage({
		            title: wx_title, // 分享标题
		            desc: wx_desc, // 分享描述
		            link: wx_link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		            imgUrl: wx_image, // 分享图标
		            type: '', // 分享类型,music、video或link，不填默认为link
		            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		            success: function() {
		                // 用户确认分享后执行的回调函数
		            },
		            cancel: function() {
		                // 用户取消分享后执行的回调函数
		            }
		        });
		
		        wx.onMenuShareQQ({
		            title: wx_title, // 分享标题
		            desc: wx_desc, // 分享描述
		            link: wx_link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		            imgUrl: wx_image, // 分享图标
		            success: function() {
		                // 用户确认分享后执行的回调函数
		            },
		            cancel: function() {
		                // 用户取消分享后执行的回调函数
		            }
		        });
		
		        wx.onMenuShareWeibo({
		            title: wx_title, // 分享标题
		            desc: wx_desc, // 分享描述
		            link: wx_link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		            imgUrl: wx_image, // 分享图标
		            success: function() {
		                // 用户确认分享后执行的回调函数
		            },
		            cancel: function() {
		                // 用户取消分享后执行的回调函数
		            }
		        });
		
		        wx.onMenuShareQZone({
		            title: wx_title, // 分享标题
		            desc: wx_desc, // 分享描述
		            link: wx_link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		            imgUrl: wx_image, // 分享图标
		            success: function() {
		                // 用户确认分享后执行的回调函数
		            },
		            cancel: function() {
		                // 用户取消分享后执行的回调函数
		            }
		        });
		
		    });
		
		    wx.error(function(res) {
		
		    });
		
		</script>
	
	</body>
</html>